<template>
  <div>
    <wg-input v-model="keyword" placeholder="请输入你的内容" />
    <div>你输入的内容为：{{ keyword }}</div>

    <hr>
    <el-input v-model="input" style="width: 540px;" placeholder="Please input" />
    <div>你输入内容为：{{ input }}</div>

    <hr>
    <input v-model="username">

    <!-- 底层原理实现 -->
    <!-- <input :value="username" @input="username = $event.target.value"> -->
  </div>
  <div>
    姓名：{{ username }}
  </div>
</template>

<script setup>
import { ref } from 'vue';
import WgInput from './WgInput.vue';
const username = ref('程泉峰')
const input = ref('')
const keyword = ref('apple')

</script>